.custom-field-right-slot{
  & div[class*="field__body"]{
    position: relative;
    & > div[class*="field__right-icon"]{
      position: absolute;
      right: 30px;
      color: #ADADAD;
      padding: 0;
      margin: 0;
      font-size: 26px;
    }
    & > input{
      padding-right: 60px !important;
    }
  }
  &.select-field{
    & div[class*="field__right-icon"] > i{
      color: #000000 !important;
    }
  }
}

.custom-search-yellow{
  background: linear-gradient(0deg, #FBFBFB, #F9F8F8);
  border-radius: 40px;
  padding: 0;
  height: 80px;
  overflow: hidden;
  box-shadow: 2Px 2Px 4Px 0 rgba(0, 0, 0, 0.08);
  & > div[class*="search__content"]{
    background-color: transparent;
    z-index: 2;
    padding-left: 0;
    border-radius: 40px;
    & > div[class*="-cell"]{
      padding: 0;
      & > div[class*="field__left-icon"]{
        display: none;
      }
      & > div[class*="cell__value"]{
        overflow: hidden;
        & > div{
          overflow: hidden;
          box-shadow: inset -2Px 5Px 5Px 0 rgba(0, 0, 0, 0.08);
          border-radius: 40px;
          & > input{
            padding: 0 45px;
          }
          & > i{
            position: absolute;
            right: 126px;
            margin-right: 5px;
          }
          & > div{
            margin-right: 0;
            padding: 0;
            & > .button{
              background: linear-gradient(0deg, #FF791C, #FFBD53);
              color: #FFFFFF;
              font-size: 26px;
              width: 126px;
              height: 80px;
              user-select: none;
              border: none;
              border-radius:  0 40px 40px 0;
            }
          }
        }
      }
    }
  }
}

.custom-field{
  display: flex;
  align-items: flex-start;
  margin: 20px 0;
  &.required > .label::after{
    visibility: visible;
  }
  & > .label{
    height: 80px;
    line-height: 80px;
    color: #3F3E3E;
    font-size: 26px;
    white-space: nowrap;
    margin-right: 20px;
    &::after{
      content: '*';
      color: #4175AF;
      font-size: 26px;
      margin-left: 8px;
      visibility: hidden;
    }
  }
  & > .content{
    flex: 1;
    display: flex;
    align-items: flex-start;
    & > div{
      flex: 1;
      min-height: 80px;
    }
    & > div+div{
      margin-top: 0;
      margin-left: 20px;
    }
  }
}

.custom-form-field{
  & > div[class*="cell__value"]{
    & > div[class*="field__body"]{
      height: 100%;
      & > input, & > textarea{
        border: 1px solid #ECECEC;
        background: linear-gradient(0deg, #FBFBFB, #F9F8F8);
        min-height: 80px;
        //box-shadow: inset -2Px 5Px 5Px 0 rgba(110, 110, 110, .15);
        box-shadow: inset 0 3Px 5Px 0 rgba(110, 110, 110, .21);
        font-size: 26px;
        padding: 15px 30px;
        color: #514E4E;
        &[disabled="disabled"]{
          background: linear-gradient(0deg, #EEEEEE, #EEEEEE);
          box-shadow: inset -2Px 5Px 5Px 0 rgba(0, 0, 0, .15);
          -webkit-text-fill-color: #514E4E;
        }
      }
      & > input{
        border-radius: 40px;
      }
      & > textarea{
        border-radius: 20px;
        padding: 25px 40px;
        line-height: 35px;
      }
    }
  }
  &[class*="field--error"] > div[class*="cell__value"] > div[class*="field__body"] > input,
  &[class*="field--error"] > div[class*="cell__value"] > div[class*="field__body"] > textarea{
    color: red !important;
  }
  &[class*="field--error"] > div[class*="cell__value"] > div[class*="field__body"] > div[class*="field__right-icon"]{
    color: red !important;
    & > i{
      color: red !important;
    }
  }
}

.custom-button-blue{
  background: linear-gradient(0deg, #357CFF, #7FA7FF);
  box-shadow: 2Px 2Px 4Px 0 rgba(0, 0, 0, 0.08);
  border-radius: 45px;
  height: 90px;
  color: #ffffff;
  border: none;
}
.custom-button-info{
  background: linear-gradient(0deg, #F5F5F5, #FFFFFF);
  border: 1Px solid #DEDEDE;
  box-shadow: 2Px 2Px 4Px 0 rgba(0, 0, 0, 0.08);
  border-radius: 45px;
  height: 90px;
  color: #3F3E3E;
}
.custom-button-orange{
  background: linear-gradient(0deg, #FF791C, #FFBD53);
  box-shadow: 2Px 2Px 4Px 0 rgba(0, 0, 0, 0.08);
  border-radius: 45px;
  height: 90px;
  color: #ffffff;
  border: none;
}

.custom-form-field{
  padding: 0;
  &+.custom-form-field{
    margin-top: 20px;
  }
  &::before, &::after{
    display: none;
  }
  &[class*="cell--required"]{
    & > div[class*="cell__title"]{
      &::after{
        visibility: visible;
      }
    }
  }
  & > div[class*="cell__title"]{
    width: auto;
    margin-right: 20px;
    height: 80px;
    display: flex;
    align-items: center;
    &::after{
      content: '*';
      color: #4175AF;
      font-size: 26px;
      margin-left: 8px;
      visibility: hidden;
    }
    & > span{
      color: #3F3E3E;
      font-size: 26px;
    }
  }
}

.common-popup_select_item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EEEEEE;
  padding: 0 30px 30px 0;
  &+.common-popup_select_item{
    margin-top: 30px;
  }
  & > .text{
    flex: 1;
  }
  & > .checkbox{
    margin-left: 15px;
  }
}
div[class*="dialog__header"]{
  font-weight: bold;
  color: #333333;
  font-size: 34px;
  padding: 40px 0 20px 0;
}
div[role="radio"][class*="radio--disabled"]{
  & > div[class*="radio__icon--checked"] > i{
    color: #323233;
  }
  & > span[class*="radio__label"]{
    color: #323233;
  }
}
div[role="checkbox"][class*="checkbox--disabled"]{
  & > div[class*="checkbox__icon--checked"] > i{
    color: #323233;
    background-color: #ebedf0 !important;
  }
  & > span[class*="checkbox__label"]{
    color: #323233;
  }
}
